import Vue from 'vue';
import VueRouter from '../vueRouter';
import App from './App.vue';
// import about from './components/about.vue';
// import detail from './components/detail.vue'

Vue.use(VueRouter);

const router = new VueRouter({
    // base: '/',
    mode: 'history',
    routes: [
        {path: '/', component: App},
        {path: '/about', name: 'about', component: () => import('./components/About.vue')},
        {path: '/detail', name: 'deatil', component: () => import('./components/Detail.vue')}
    ]
});

new Vue({
    router,
    el: '#app',
    render: h => h('router-view')
});